<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style></style>
  </head>
  <body>
    <div>
      <h1>VueRouter实现原理</h1>
      <div>
        <h2>前置知识</h2>
        <p>插件</p>
        <p>混入</p>
        <p>Vue.observable</p>
        <p>插槽</p>
        <p>render函数</p>
        <p>运行时和完整版的Vue</p>
      </div>
      <div>
        <h2>
          Hash模式(location.url)(#后面的地址发生改变浏览器不会向服务器发送请求,会把历史记录记录到浏览器中)
        </h2>
        <p>URL中#后面的内容作为路径地址</p>
        <p>监听hashchange事件</p>
        <p>根据当前路由地址找到相对应组件重新渲染</p>
      </div>
      <div>
        <h2>History模式(浏览器不会向服务器发送请求)</h2>
        <p>通过hsitory.pushState()方法改变地址栏</p>
        <p>监听popstate事件(点击浏览器的返回或者前进和go才会触发)</p>
        <p>根据当前路由地址找到相对应组件重新渲染</p>
      </div>
    </div>
    <script></script>
  </body>
</html>
